<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>福克斯</title>
  <meta name="keywords" content="福克斯">
  <meta name="description" content="福克斯">
  <meta name="content" content="福克斯">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <link rel="stylesheet" href="styles/reset.css">
  <link rel="stylesheet" href="styles/swiper.min.css">
  <link rel="stylesheet" href="styles/common.css">
  <link rel="stylesheet" href="styles/index.css">
</head>

<body>
  <img src="images/share.jpg" style="position: absolute;height:0px;" alt="">
  <div class="suwis-loading">
    <div class="suwis-loading-bar">
      <span class="d-progress"><span class="d-count">0%</span></span>
    </div>
  </div>
  <div id="suwis_page_swiper" class="swiper-container suwis-page-swiper">
    <div class="swiper-wrapper">
      <div id="suwis_welcome" class="swiper-slide suwis-welcome" data-flag="welcome">
        <img class="d-show" src="images/1.jpg" alt="">
      </div>
      <div id="suwis_ferity" class="swiper-slide suwis-ferity" data-flag="">
        <img class="d-show" src="images/2.jpg" alt="">
      </div>
      <div id="suwis_crosscountry" class="swiper-slide suwis-crosscountry" data-flag="">
        <img class="d-show" src="images/3.jpg" alt="">
      </div>
      <div id="suwis_turning" class="swiper-slide suwis-turning" data-flag="">
        <img class="d-show" src="images/4.jpg" alt="">
      </div>
      <div id="suwis_tpms" class="swiper-slide suwis-tpms" data-flag="">
        <img class="d-show" src="images/5.jpg" alt="">
      </div>
      <div id="suwis_prize" class="swiper-slide suwis-prize" data-flag="">
        <img class="d-show" src="images/6.jpg" alt="">
      </div>
      <div id="suwis_testdrive" class="swiper-slide suwis-testdrive" data-flag="sixing">
        <img class="d-show" src="images/7.jpg" alt="">
      </div>
      <div id="suwis_testdrive" class="swiper-slide suwis-testdrive" data-flag="end">
        <img class="d-show" src="images/8.jpg" alt="">
        <img class="d-show qrcode" data-api="http://qr.liantu.com/api.php?&w=200&text=" src="images/qr_code.jpg" alt="">
      </div>
    </div>
    <!-- <div class="d-mask top"></div>
        <div class="d-mask bottom"></div> -->
  </div>
  <img src="images/arrow_down.png" alt="" class="suwis-drop-arrow">
  <audio id="suwis_music_player" loop="loop">
        <source src="music/bg.mp3" type="audio/mpeg">
  </audio>
  <audio id="suwis_music_engine" src="music/engine.mp3" preload="auto"></audio>
  <div class="suwis-share-mask" onclick="$('.suwis-share-mask').fadeToggle();">
    <img src="images/share_hinit.png" alt="">
  </div>
  <img class="suwis-music-icon" src="images/common-music-icon.png" alt="">
  <!-- 横竖屏判断 -->
  <div class="screen" id="suwis_screentype">
    <div class="content">
      <div class="ico">
        <img src="images/heng.png">
      </div>
      <div class="desc">为了更好的体验，请使用竖屏浏览</div>
    </div>
  </div>
  <!-- 横竖屏判断 //-->
  <!-- 当使用方法1时必须加载 JS-SDK 的 JS 文件, 方法2不需要加载这个 JS -->
  <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  <script type="text/javascript" src="scripts/jquery.min.js"></script>
  <script type="text/javascript" src="scripts/preloadjs.min.js"></script>
  <script type="text/javascript" src="scripts/swiper.min.js"></script>
  <script type="text/javascript" src="scripts/common.js"></script>
  <script type="text/javascript" src="scripts/index.js"></script>
  <script>
    $(function() {
      $('.d-select select').on('change', function() {
        $(this).siblings('span').html($(this).find('option:selected').html());
      });
      var downloadurl = window.location.protocol + '//' + window.location.hostname + window.location.pathname;
      if (downloadurl.indexOf('.html') >= 0) {
        downloadurl = downloadurl.substring(0, downloadurl.lastIndexOf('/') + 1);
      }
      downloadurl += 'download.html';
      $('#suwis_testdrive img.qrcode').attr('src', $('#suwis_testdrive img.qrcode').attr('data-api') + downloadurl);
    });
  </script>
</body>

</html>
